<template>
    <section>
        <goback :getName='goName'></goback>
        <div class="activity-list">
            <div>
                <div class="areaLogo" @click="crowdFunding">
                    <img src="../../assets//jmjs/zcmd.png">
                </div>
                <span @click="crowdFunding">众筹免单</span>
            </div>
            <div class="column-line"></div>
            <div>
                <div class="areaLogo" @click="buyAndGift">
                    <img src="../../assets//jmjs/jmjs.png">
                </div>
                <span @click="buyAndGift">即买即送</span>
            </div>
            <div class="column-line"></div>
            <div @click="test">
                <div class="areaLogo">
                    <img src="../../assets//jmjs/dksl.png">
                </div>
                <span>打卡送礼</span>
            </div>
        </div>
    </section>
</template>
<script>
    import goback from '../../components/goback'
    export default {
        components: { goback },
        data() {
            return {
                goName: '活动专区',
            }
        },
        methods: {
            crowdFunding () {
                this.$router.push('/crowdFunding/0')
            },
            buyAndGift () {
                this.$router.push('/jmjs/0')
            },
            test () {
                this.$toast('暂未开放')
            }
        },
        mounted() {
       
        },
    }
</script>
<style scoped>
.activity-list{
    display: flex;
    align-items: center;
    background-color: #fff;
    height: 7.5rem;
    margin-top: .55rem;
    font-size: .7rem;
}
.activity-list>div{
    width: 33%;
    height: 46%;
    display: flex;
    justify-content: space-around;
    flex-direction: column;
    align-items: center;
}
.areaLogo{
    width: 1.8rem;
    height: 1.8rem;
}
.areaLogo img{
    width: 100%;
    height: 100%;
}
.activity-list .column-line{
    width: 0%;
    /* height: 1.2rem; */
    height: 14%;
    border: 1px solid #D2D2D2;
    transform: scale(.5, 1)
}
</style>